<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/common.css" rel="stylesheet">
    </head>
    <body>
        <!-- H5规定自定义属性需要以 data-开头  -->
        <div id="container" class="box panel" data-myname='kongfuzhou' data-age='27' >
            <span >没有class属性的</span>
            <span class="myText">有class属性的</span>
            <span class="myText">也是有class属性的</span>
            <button onclick="clickBtn()" id='changeClr' >改变颜色</button>
        </div>
    </body>
    <script type="text/javascript" src="js/chp11-1dom-exc.js" ></script>
</html>